<html>
	<head>
		<meta charset="utf-8">
		<title>Razdavalnik</title>
		<link rel="shortcut icon" href="shopping.icon">
		<link rel="stylesheet" href="css/bootstrap.min.css" >
		<link rel="stylesheet" href="css/bootstrap-theme.min.css" > 
		 <script src="lib/jquery.min.js"></script>
 		 <script src="js/bootstrap.min.js"></script>		
		<script src="js/chooseFromSubCategory.js"></script>
		
		<script src="js/page1.js"></script>
						<script src="js/profile-settings.js"></script>
		
		
		<script>window.onload=getActivity();</script>
		
	</head>

	
<body onload = "ProfileFunction()">
	

<!-- Navigation Bar -->
	<div class="navbar navbar-inverse navbar-static-top">
        <div class="container -fluid">
			<div class = "navbar-header-inverse">
				<a href="page1.html"><button style="font-family:Gentium Basic;" type="button" class="btn navbar-brand navbar-btn" data-toggle="collapse" data-target=".navbar-collapse" onclick="GettoHomePage()">
				  <span class="icon-bar"></span>
				  <span class="icon-bar"></span>
				  <span class="icon-bar"></span>
				<font color="#428bca">  Razdavalnik </font>
				</button>	</a>
			</div>

			 			 <!--Profile and Log out buttons -->
			<div class = "navbar-collapse collapse" >
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
					  <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#"><i class="glyphicon glyphicon-user"></i> Profile <span class="caret"></span></a>
					  <ul id="g-account-menu" class="dropdown-menu" role="menu">
						<li>
							<a data-toggle="modal" data-target="#myModal">
								 Make a new ad
							</a>
							<a href="changeProfile.html">
								Change Profile
							</a>
						</li>
					  </ul>
					</li>
						<li><a href="page1.html">
							<span class="glyphicon glyphicon-lock"></span> Logout</a>
						</li>
				  </ul>			
			</div>	
		</div>
    </div>
	
		
		<!-- Modal Dialogue Window When you click Make a new ad -->
		<!-- Modal Dialogue Window When you click Make a new ad -->
		<!-- Modal Dialogue Window When you click Make a new ad -->
		<!-- Modal Dialogue Window When you click Make a new ad -->
	
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<form action="http://localhost:8080/Prodavalnik/NewADServlet" method="post" enctype="multipart/form-data">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
					<h1 class="modal-title text-center" id="myModalLabel">New Product</h1>
				</div>
					<div class="modal-body">
							 <!-- Name of the product-->
						<div class="control-group text-center">
								
								<label class="control-label" for="textinput">Name of product:</label>
								<div class="controls">
								  <input id="prod-name-reg" name="name-input" type="text" placeholder="" class="input-medium">
								</div>
								<br/>
						  <!-- Price of the product-->
							<label class="control-label" for="textinput">Price of the product:</label>
							<div class="controls">
							  <input id="prod-price-reg" name="price-input" type="text" placeholder="" class="input-medium">
							</div>
						 <!-- Description of category -->
						 <label class="control-label" for="textinput">Category:</label>
						 <div id="ChoseCategory" class="controls" >
						 <script type="text/javascript">
						 chooseFromRootCategories();
						 </script>
						 
						 </div>
						
						  <!-- Description of Product-->
							<label class="control-label" for="textinput">Product description:</label>
							<div class="controls">
							<textarea id="prod-descr-reg" name="desc-input" placeholder="" class="input-medium"></textarea>
							</div>
							<br/>
						  <!-- Drag and Drop for images-->
						  <!-- NEED MORE WORK -->
							<label class="control-label" for="textinput">Upload picture of the product:</label>
							<div id="Images" class="controls">
							
								<input id="prod-image-reg1" name="imageinput" type="file" class="input-medium">
								
								
							</div>
						</div>
						<br/>
						<div class="modal-footer">
							<input type="submit" class="btn btn-success" value="Submit" />
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					    </div>
				</div>
			</div>
		</div>
		</form>
	</div>

	<!-- END of Modal Dialogue Window When you click Make a new ad -->
	<!-- END of Modal Dialogue Window When you click Make a new ad -->
	<!-- END of Modal Dialogue Window When you click Make a new ad -->
	<!-- END of Modal Dialogue Window When you click Make a new ad -->
	
		
		<div class="container">
		<div class="row">
			<div class="col-sm-10" id="usernameHeader"><p align="left"></p></div>
		</div>
	
		<div class="row">
			<div class="col-sm-3"> <!--left col-->
			  <ul class="list-group">
				<li class="list-group-item text-muted"><p align="center">Activity <i class="fa fa-dashboard fa-1x"></i></p></li>
				<li class="list-group-item text-right" id="Sales"><p align="left"><strong>Sales</strong></p></li>
				<li class="list-group-item text-right" id="Bought"><p align="left"><strong>Bought</strong></p></li>
				<li class="list-group-item text-right" id="Liked"><p align="left"><strong>Liked Categories</strong></p> </li>
			  </ul> 	   
			 </div> <!--/col-3-->

		<div id="home" class="col-sm-9"></div>
		<br><br><br>	
		<p align="right">
		<a href="changeProfile.html">Change Profile</a>	</p>
		<br/><br/><br/>

	</body>
</html>